<template>
  <div>
    <!-- 写自己想写的内容 -->
    <my-goods title="隆江猪脚饭" price="15" desc="深圳人的食粮"/>

    <!-- 我父想给它标题，他就显示什么标题 -->
    <!-- 就意味着我从父组件传递一个标题进去 -->
    <my-goods title="沙县小吃" price="12" desc="来自福建的美食"/>


    <my-goods title="潮汕粥" price="88" />

    <!-- <my-goods v-bind:title="title" v-bind:price="price"/> -->
    <!-- 简写 -->
    <my-goods :title="title" :price="price"/>
  </div>
</template>

<script>
// 导入组件
import MyGoods from './components/MyGoods'
export default {
  // 注册组件
  components: {
    MyGoods
  },
  data() {
    return {
      title: 'sb',
      price: 99,
      // 服务器返回的
      list: [
        { id: 11, name: '潮汕粥', price: 99, desc: '营养美味' },
        { id: 33, name: '猪脚饭', price: 15, desc: '肥肥的' },
        { id: 39, name: '沙县小吃', price: 14, desc: '吃蒸饺和汤' },
        { id: 434, name: '自选快餐', price: 14, desc: '随便选' },
      ]
    }
  },
}
</script>

<style>

</style>